<html>
<head>

<title>Repetition</title>

<style type="text/css">
    body { width: 600px; font-family: "Trebuchet MS", Verdana, Arial; font-size: 12px; text-align: justify; }
    .question {}
    .answer { border-bottom-style: solid; border-width: 1px; border-color: #cecece; padding-bottom: 20px; }
    .title { float: left; font-size: 14px; font-weight: bold;}
    .subject { font-size: 20px; font-weight: bold;}
    #show_link1 { float: right; }
    #hide_link1 { display: none; float: right; }
    #answer1 { display: none; }
</style>

<script language="javascript" type="text/javascript">

<!--

function show(id) {
    document.getElementById("answer" + id).style.display = "block";
    document.getElementById("show_link" + id).style.display = "none";
    document.getElementById("hide_link" + id).style.display = "inline";
}

function hide(id) {
    document.getElementById("answer" + id).style.display = "none";
    document.getElementById("show_link" + id).style.display = "inline";
    document.getElementById("hide_link" + id).style.display = "none";
}

// -->

</script>

</head>

<body>

<noscript>
This page needs Javascript enabled to function properly.
</noscript>

<div class="subject">Lorem Impsum</div>
<br />

<div class="question">
<div class="title">Question:</div>
<br />
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris at neque non risus commodo imperdiet.
</p>
</div>

<div class="answer">
<div class="title">Answer:</div>
<div id="show_link1"><a href="javascript:show('1');">Show</a></div>
<div id="hide_link1"><a href="javascript:hide('1');">Hide</a></div>
<br />
<p id="answer1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris at neque non risus commodo imperdiet. Etiam semper orci at justo. Sed a risus at enim feugiat faucibus. Donec pede. Fusce mollis erat sit amet diam. Aliquam purus orci, dapibus a, iaculis sollicitudin, egestas vel, quam. Sed sem. Curabitur tempor, lorem id consectetuer sagittis, est libero lacinia lectus, tincidunt lacinia justo nulla sed nulla. Fusce ultrices. Nullam libero. Sed adipiscing eros at magna. Etiam vitae tortor vel tellus porttitor ullamcorper. Vestibulum orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
</p>
</div>

</body>
</html>
